@charset "UTF-8";
* {
  word-wrap: break-word;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

html {
  min-width: 1280px;
  overflow-x: auto;
}

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
  margin: 0;
  padding: 0;
  font-weight: normal;
  -webkit-tap-highlight-color: transparent;
}

ul, ol, dl {
  list-style-type: none;
}

html, body {
  *position: static;
  color: #000;
  background: #fff;
  width: 100%;
  height: auto;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 400;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  border: 0;
}

input, button {
  overflow: visible;
  vertical-align: middle;
  outline: none;
}

body, th, td, button, input, select, textarea {
  font-size: 14px;
  font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

a {
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all .4s;
  transition: all .4s;
  color: #000;
}

a img {
  -webkit-transition: all .4s;
  transition: all .4s;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}

a.ie6:hover {
  zoom: 1;
}

b, i {
  font-weight: normal;
  font-style: normal;
}

sub, sup {
  vertical-align: baseline;
}

button, input[type="button"], input[type="submit"] {
  line-height: normal !important;
}

img {
  border: 0;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-user-drag: none;
  max-width: 100%;
}

input, textarea {
  border: 0;
  background: none;
  outline: none;
  resize: none;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #bbb;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #bbb;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #bbb;
}

::-webkit-scrollbar {
  width: 12px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #ececec;
}

::-webkit-scrollbar-track:hover {
  background: #e1e1e1;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: silver;
}

::-webkit-scrollbar-thumb:hover {
  background: #999;
}

::-webkit-scrollbar-corner {
  background: 0 0;
}

.cl:after, .clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cl, .clearfix {
  zoom: 1;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.text-l {
  text-align: left;
}

.text-c {
  text-align: center;
}

.text-r {
  text-align: right;
}

.text-i {
  font-style: italic;
}

.container {
  margin-left: 9%;
  margin-right: 9%;
  min-width: 1100px;
  position: relative;
}

.container:after, .container:before {
  content: "";
  display: table;
}

.container:after {
  clear: both;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid:after, .container-fluid:before {
  content: "";
  display: table;
}

.container-fluid:after {
  clear: both;
}

/*!
 *  1441-1920px 大屏
 */
/* header */
.header {
  width: 100%;
  min-height: 80px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transition: all .4s;
  transition: all .4s;
  background: #fff;
}

.header .main {
  height: auto;
  padding: 20px 0;
}

.header .main .logo {
  width: 275px;
  height: 68px;
  background: url("../images/logo.png") center no-repeat;
  background-size: 100%;
}

.header .main .right {
  height: auto;
}

.header .main .right .top {
  height: auto;
  text-align: right;
  position: relative;
  z-index: 1;
}

.header .main .right .top .tel, .header .main .right .top .qr {
  display: inline-block;
  color: #076CDB;
}

.header .main .right .top .tel {
  font-size: 16px;
}

.header .main .right .top .qr {
  margin-left: 30px;
  cursor: pointer;
  position: relative;
}

.header .main .right .top .qr .icon-qrcode {
  font-size: 18px;
}

.header .main .right .top .qr .icon-dropdown {
  font-size: 12px;
  vertical-align: 2px;
  margin-left: 5px;
}

.header .main .right .top .qr .ewm {
  width: 90px;
  height: auto;
  position: absolute;
  right: -20px;
  top: 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 1;
}

.header .main .right .top .qr .ewm img {
  width: 100%;
}

.header .main .right .top .qr .ewm:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  left: 50%;
  top: -8px;
  margin-left: -8%;
}

.header .main .right .nav {
  height: auto;
  overflow: hidden;
}

.header .main .right .nav .item {
  font-size: 16px;
  color: #44403F;
  margin-left: 36px;
  position: relative;
  padding: 15px 0 11px;
  display: inline-block;
}

.header .main .right .nav .item i {
  font-size: 18px;
  vertical-align: -1px;
}

.header .main .right .nav .item:after {
  content: "";
  width: 0;
  height: 2px;
  background: #076CDB;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.header .main .right .nav .item.active, .header .main .right .nav .item:hover {
  color: #076CDB;
}

.header .main .right .nav .item.active:after, .header .main .right .nav .item:hover:after {
  width: 100%;
}

.header.scroll-down {
  top: -110px;
}

.header .toggleMenu {
  height: auto;
  overflow: hidden;
  background: #F6F6F6;
}

.header .toggleMenu .childMenu {
  display: none;
}

.header .toggleMenu .left {
  width: 50%;
  height: auto;
  overflow: hidden;
  padding: 4%;
}

.header .toggleMenu .left h2 {
  font-size: 26px;
  color: #000;
  font-weight: bold;
  margin-bottom: 5px;
}

.header .toggleMenu .left p {
  font-size: 13px;
  color: #666;
  line-height: 24px;
}

.header .toggleMenu .left ul {
  height: auto;
  overflow: hidden;
}

.header .toggleMenu .left ul li {
  width: 50%;
  font-size: 14px;
  color: #333;
  float: left;
  margin-top: 25px;
}

.header .toggleMenu .left ul li a {
  color: #333;
}

.header .toggleMenu .left ul li i {
  font-size: 12px;
  color: #A7A7A7;
  margin-right: 10px;
}

.header .toggleMenu .left ul li:hover a, .header .toggleMenu .left ul li:hover i {
  color: #076CDB;
}

.header .toggleMenu .right {
  width: 50%;
  height: auto;
  overflow: hidden;
  padding: 4%;
  background: url("../images/toggleMenu-rb.jpg") center no-repeat;
  background-size: cover;
}

.header .searchBox {
  height: auto;
  overflow: hidden;
  background: #fff;
  text-align: center;
  padding: 40px 0;
  border-top: 1px solid #eee;
  display: none;
}

.header .searchBox .container {
  width: 50%;
  margin: 0 auto;
  min-width: auto;
}

.header .searchBox input {
  width: 85%;
  height: 45px;
  border: 1px solid #ccc;
  font-size: 15px;
  padding: 0 20px;
  float: left;
}

.header .searchBox a {
  width: 15%;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  background: #076CDB;
  float: left;
  display: block;
}

/*footer*/
.footer {
  height: auto;
  overflow: hidden;
  background: url("../images/footer-bg.png") center no-repeat;
  background-size: cover;
}

.footer .top {
  height: auto;
  overflow: hidden;
  padding: 6% 0 5%;
}

.footer .top .left {
  width: 35%;
  height: auto;
  overflow: hidden;
}

.footer .top .left .contact {
  height: auto;
  overflow: hidden;
  margin: 35px 0;
}

.footer .top .left .contact p {
  font-size: 14px;
  color: #eee;
  opacity: .52;
  line-height: 34px;
}

.footer .top .left .box {
  height: auto;
  overflow: hidden;
}

.footer .top .left .box .qr {
  width: 120px;
  float: left;
  margin-right: 5%;
}

.footer .top .left .box .qr img {
  width: 100%;
}

.footer .top .left .box .qr p {
  text-align: center;
  font-size: 14px;
  color: #eee;
  opacity: .52;
  margin-top: 8px;
}

.footer .top .right {
  width: 65%;
  height: auto;
  overflow: hidden;
}

.footer .top .right dl {
  height: auto;
  overflow: hidden;
  float: right;
  margin-left: 6%;
}

.footer .top .right dl dt {
  font-size: 16px;
  color: #b5b5b5;
  margin-bottom: 20px;
}

.footer .top .right dl dt a {
  color: #b5b5b5;
}

.footer .top .right dl dd {
  font-size: 14px;
  color: #b5b5b5;
  line-height: 38px;
}

.footer .top .right dl dd a {
  color: #b5b5b5;
}

.footer .top .right dl dd a:hover {
  color: #fff;
}

.footer .top .right dl:last-child {
  margin: 0;
}

.footer .bottom {
  height: auto;
  overflow: hidden;
  border-top: 1px solid #333536;
  padding: 2% 0;
}

.footer .bottom .link, .footer .bottom .copyright {
  font-size: 14px;
  color: #b5b5b5;
}

.footer .bottom .link a, .footer .bottom .copyright a {
  color: #b5b5b5;
  display: inline-block;
  margin-right: 15px;
}

.footer .bottom .link a:hover, .footer .bottom .copyright a:hover {
  color: #fff;
  opacity: 1;
}

/*content*/
.content {
  padding-top: 108px;
  position: relative;
  z-index: 1;
  min-height: 530px;
}

/*Index*/
.Index .header {
  background: none;
}

.Index .header .logo {
  background-image: url("../images/logo-w.png");
}

.Index .header .right .top .tel, .Index .header .right .top .qr {
  color: #fff;
}

.Index .header .right .nav .item {
  color: #fff;
}

.Index .header.scroll-top, .Index .header:hover {
  background: #fff;
}

.Index .header.scroll-top .logo, .Index .header:hover .logo {
  background-image: url("../images/logo.png");
}

.Index .header.scroll-top .right .top .tel, .Index .header.scroll-top .right .top .qr, .Index .header:hover .right .top .tel, .Index .header:hover .right .top .qr {
  color: #076CDB;
}

.Index .header.scroll-top .right .nav .item, .Index .header:hover .right .nav .item {
  color: #333;
}

.Index .header.scroll-top .right .nav .item:hover, .Index .header:hover .right .nav .item:hover {
  color: #076CDB;
}

.Index .content {
  padding: 0;
}

.Index .banner {
  height: auto;
  overflow: hidden;
  position: relative;
}

.Index .banner img {
  width: 100%;
}

.Index .banner .swiper-pagination {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 40px;
  text-align: center;
}

.Index .banner .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 6px;
  background: #fff;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
  opacity: 1;
  border-radius: 3px;
}

.Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 43px;
  background: #fff;
}

.Index .block {
  height: auto;
  overflow: hidden;
  padding: 4% 0 0;
  position: relative;
}

.Index .block .title {
  height: auto;
  overflow: hidden;
  margin-bottom: 40px;
}

.Index .block .title h1 {
  font-size: 35px;
  color: #000;
}

.Index .block .title h2 {
  font-size: 22px;
  color: #B9BCBD;
  text-transform: uppercase;
  font-weight: 300;
}

.Index .block.product {
  padding-bottom: 4%;
}

.Index .block.product ul {
  height: auto;
  overflow: hidden;
  margin: 0 -10px;
}

.Index .block.product ul li {
  width: 33.3333333%;
  float: left;
  padding: 0 10px;
  margin-bottom: 18px;
}

.Index .block.product ul li a {
  display: block;
  position: relative;
  overflow: hidden;
}

.Index .block.product ul li a .img {
  width: 100%;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Index .block.product ul li a h2 {
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 5%;
  bottom: 25px;
}

.Index .block.product ul li a .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #004ea2;
  background: rgba(0, 78, 162, 0.9);
  z-index: 1;
  text-align: center;
  padding: 10% 0 0 0;
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Index .block.product ul li a .cover img {
  width: 20%;
  margin: 0 auto;
  display: block;
}

.Index .block.product ul li a .cover h1 {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  margin: 0 0 5%;
}

.Index .block.product ul li a .cover p {
  font-size: 15px;
  color: #fff;
}

.Index .block.product ul li:first-child .cover {
  padding-top: 45%;
}

.Index .block.product ul li:hover .img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.Index .block.product ul li:hover .cover {
  opacity: 1;
}

.Index .block.solution {
  padding: 0;
  position: relative;
}

.Index .block.solution .title {
  text-align: center;
}

.Index .block.solution .left, .Index .block.solution .right {
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left;
  position: relative;
  z-index: 1;
}

.Index .block.solution .left img, .Index .block.solution .right img {
  min-height: 500px;
}

.Index .block.solution .left .slide {
  width: 82%;
  height: auto;
  overflow: hidden;
  position: absolute;
  left: 18%;
  top: 15%;
  z-index: 1;
}

.Index .block.solution .left .slide .swiper-slide {
  padding-right: 8%;
}

.Index .block.solution .left .slide .swiper-slide h2 {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
}

.Index .block.solution .left .slide .swiper-slide .line {
  width: 47px;
  height: 3px;
  background: #fff;
  margin: 4% 0 5%;
}

.Index .block.solution .left .slide .swiper-slide p {
  font-size: 15px;
  color: #fff;
  line-height: 35px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.Index .block.solution .left .slide .swiper-slide .more {
  width: 170px;
  line-height: 45px;
  background: #fff;
  border-radius: 23px;
  font-size: 15px;
  color: #0556B1;
  display: block;
  margin-top: 8%;
  text-align: center;
}

.Index .block.solution .btns {
  width: 100px;
  height: 45px;
  position: absolute;
  left: 50%;
  bottom: 60px;
  margin-left: -50px;
  z-index: 10;
  cursor: pointer;
}

.Index .block.solution .btns .swiper-prev, .Index .block.solution .btns .swiper-next {
  width: 50px;
  height: 45px;
  line-height: 45px;
  background: #fff;
  float: left;
  text-align: center;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Index .block.solution .btns .swiper-prev i, .Index .block.solution .btns .swiper-next i {
  font-size: 18px;
}

.Index .block.solution .btns .swiper-prev:hover, .Index .block.solution .btns .swiper-next:hover {
  background: #076CDB;
  color: #fff;
}

.Index .block.solution .btns .swiper-prev.swiper-button-disabled, .Index .block.solution .btns .swiper-next.swiper-button-disabled {
  background: #eee;
  color: #fff;
}

.Index .block.about .title {
  text-align: center;
}

.Index .block.about .con {
  height: auto;
  overflow: hidden;
}

.Index .block.about .con .img, .Index .block.about .con .text {
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left;
}

.Index .block.about .con .img img {
  width: 100%;
}

.Index .block.about .con .text {
  padding: 2% 0 0 3%;
}

.Index .block.about .con .text h2 {
  font-size: 20px;
  color: #000;
  margin-bottom: 3%;
}

.Index .block.about .con .text p {
  font-size: 15px;
  color: #666;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.Index .block.about .con .text .more {
  margin-top: 3%;
  display: block;
}

.Index .block.about .con .text .more i {
  font-size: 18px;
  color: #333;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Index .block.about .con .text .more:hover i {
  color: #076CDB;
}

.Index .block.about .con ul {
  height: auto;
  overflow: hidden;
  margin: 10% -9px 0;
}

.Index .block.about .con ul li {
  width: 33.33333%;
  padding: 0 9px;
  float: left;
  text-align: center;
}

.Index .block.about .con ul li a {
  display: block;
  background: #F3F3F3;
  padding: 15% 0;
}

.Index .block.about .con ul li a img {
  display: block;
  margin: 0 auto;
}

.Index .block.about .con ul li a .icon-active {
  display: none;
}

.Index .block.about .con ul li a h3 {
  font-size: 16px;
  color: #333;
}

.Index .block.about .con ul li a:hover {
  background: #076CDB;
}

.Index .block.about .con ul li a:hover i, .Index .block.about .con ul li a:hover h3 {
  color: #fff;
}

.Index .block.about .con ul li a:hover .icon {
  display: none;
}

.Index .block.about .con ul li a:hover .icon-active {
  display: block;
}

.Index .block.news {
  padding-bottom: 6%;
}

.Index .block.news ul {
  height: auto;
  overflow: hidden;
  margin: 0 -25px;
}

.Index .block.news ul li {
  width: 33.333%;
  float: left;
  padding: 0 25px;
}

.Index .block.news ul li a {
  height: auto;
  overflow: hidden;
  display: block;
}

.Index .block.news ul li a .img {
  overflow: hidden;
  position: relative;
}

.Index .block.news ul li a .img img {
  width: 100%;
}

.Index .block.news ul li a .img .date {
  width: 103px;
  height: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 20px 0px 0px 0px;
  background: #076CDB;
  padding: 5px 0 0 25px;
}

.Index .block.news ul li a .img .date h3 {
  font-size: 22px;
  color: #fff;
}

.Index .block.news ul li a .img .date p {
  font-size: 14px;
  color: #fff;
}

.Index .block.news ul li a .text {
  padding: 5%;
  background: #F9F9F9;
}

.Index .block.news ul li a .text h2 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  line-height: 26px;
  height: 52px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Index .block.news ul li a .text p {
  font-size: 14px;
  color: #999;
  margin-top: 15px;
  line-height: 24px;
}

.Index .block.news ul li a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.Index .block.news ul li a:hover h2 {
  color: #076CDB;
}

/*neiBanner*/
.neiBanner {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.neiBanner img {
  width: 100%;
}

.neiBanner .text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 30%;
}

.neiBanner .text h2 {
  font-size: 40px;
  color: #fff;
  opacity: .35;
  font-weight: 300;
}

.neiBanner .text h1 {
  font-size: 44px;
  color: #fff;
  position: relative;
  margin-top: -15px;
  font-weight: bold;
}

.neiBanner .text .line {
  width: 35px;
  height: 2px;
  background: #fff;
  margin: 30px 0 25px;
}

.neiBanner .text h3 {
  font-size: 28px;
  color: #fff;
  font-weight: 300;
}

/*neiTabs*/
.neiTabs {
  height: auto;
  overflow: hidden;
  position: relative;
  background: #FAFAFA;
}

.neiTabs .tabs {
  width: 80%;
  height: auto;
  overflow: hidden;
}

.neiTabs .tabs .item {
  font-size: 16px;
  line-height: 30px;
  color: #44403F;
  display: block;
  float: left;
  margin-right: 5%;
  padding: 30px 0;
  position: relative;
}

.neiTabs .tabs .item:after {
  content: "";
  width: 0;
  height: 2px;
  background: #076CDB;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.neiTabs .tabs .item.active, .neiTabs .tabs .item:hover {
  color: #076CDB;
  font-weight: bold;
}

.neiTabs .tabs .item.active:after, .neiTabs .tabs .item:hover:after {
  width: 40px;
}

.neiTabs .position {
  height: auto;
  overflow: hidden;
  line-height: 29px;
  padding: 30px 0;
  font-size: 14px;
}

.neiTabs .position .icon-home {
  font-size: 16px;
  color: #076CDB;
}

.neiTabs .position .icon-jiantou {
  font-size: 16px;
  color: #C4C4C4;
}

.neiTabs .position a {
  color: #C4C4C4;
}

.neiTabs .position a:hover {
  color: #076CDB;
}

/*page*/
.page {
  height: auto;
  overflow: hidden;
  text-align: center;
  margin: 1% 0 0;
}

.page a {
  min-width: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #7F7C7C;
  border: 1px solid #A0A0A0;
  text-align: center;
  display: inline-block;
  padding: 0 12px;
  margin: 0 4px;
}

.page a:hover, .page a.active {
  background: #076CDB;
  color: #fff;
  border-color: #076CDB;
}

/*orderC*/
.orderC {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.orderC form {
  height: auto;
  overflow: hidden;
  margin-top: 36px;
}

.orderC form .row {
  display: inline-block;
  background: #f0f0f0;
  padding: 0 20px;
  margin: 0 5px;
}

.orderC form .row span {
  font-size: 16px;
  line-height: 50px;
}

.orderC form .row span i {
  color: #FF0000;
}

.orderC form .row input {
  width: 200px;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  background: none;
  position: relative;
  top: -1px;
}

.orderC form .row input.textarea {
  width: 300px;
  resize: none;
  overflow: hidden;
}

.orderC .btn {
  display: block;
  width: 250px;
  height: 50px;
  line-height: 50px;
  background: #076CDB;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 45px auto 0;
}

/*orderC1*/
.orderC1 {
  height: auto;
  overflow: hidden;
  padding-bottom: 100px;
}

.orderC1 form {
  height: auto;
  overflow: hidden;
}

.orderC1 form .left, .orderC1 form .right {
  width: 48%;
  text-align: left;
}

.orderC1 form .left .row, .orderC1 form .right .row {
  height: auto;
  overflow: hidden;
  margin-bottom: 30px;
}

.orderC1 form .left .row .t, .orderC1 form .right .row .t {
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}

.orderC1 form .left .row .t i, .orderC1 form .right .row .t i {
  color: #FF0000;
}

.orderC1 form .left .row input, .orderC1 form .right .row input {
  width: 100%;
  height: 50px;
  border: 1px solid #e9e9e9;
  padding: 0 20px;
}

.orderC1 form .left .row textarea, .orderC1 form .right .row textarea {
  width: 100%;
  height: 160px;
  border: 1px solid #e9e9e9;
  padding: 20px;
}

.orderC1 .btns {
  height: auto;
  overflow: hidden;
  text-align: center;
  margin: 50px auto 0;
}

.orderC1 .btns .btn {
  display: inline-block;
  width: 250px;
  height: 50px;
  line-height: 50px;
  background: #076CDB;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 0 25px;
}

.orderC1 .btns .btn.btn1 {
  background: #eee;
  color: #000;
}

/*video-popup*/
.video-popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background: url("../images/cover-bg.png") repeat;
}

.video-popup .video-popup-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.video-popup .coverV {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  background: url("../images/bg-video-title.png") repeat;
  background: #000000\0;
}

.video-popup .coverV .text {
  color: #fff;
  font-size: 18px;
  padding: 0 0 0 40px;
  width: 80%;
  display: table;
  height: 70px;
  float: left;
}

.video-popup .coverV .text p {
  display: table-cell;
  height: 70px;
  vertical-align: middle;
}

.video-popup .coverV .other {
  float: right;
  background: url("../images/bg-video-title.png") repeat;
}

.video-popup .coverV .other a {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  margin: 0 10px;
}

.video-popup .video-list-box {
  position: absolute !important;
  left: 0;
  top: 0;
  top: 70px\0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

/*neiTitle*/
.neiTitle {
  height: auto;
  overflow: hidden;
  text-align: center;
  margin-bottom: 3.5%;
}

.neiTitle h1 {
  font-size: 30px;
  color: #333;
  margin-bottom: 1%;
}

.neiTitle p {
  font-size: 16px;
  color: #666;
}

/*Product*/
.Product .con {
  height: auto;
  overflow: hidden;
}

.Product .con .section {
  height: auto;
  overflow: hidden;
  margin-top: 4%;
}

.Product .con .section .title {
  font-size: 35px;
  color: #000;
  text-align: center;
  margin-bottom: 2.5%;
}

.Product .con .section .title span {
  width: 35px;
  height: 2px;
  background: #C4C4C4;
  display: inline-block;
  margin: 0 20px;
  vertical-align: 12px;
}

.Product .con .section ul {
  height: auto;
  overflow: hidden;
  margin: 0 -25px;
}

.Product .con .section ul li {
  width: 33.3333%;
  float: left;
  padding: 0 25px;
  margin-bottom: 50px;
}

.Product .con .section ul li a {
  display: block;
  background: #F6F6F6;
  padding: 10% 0;
}

.Product .con .section ul li a .img {
  overflow: hidden;
}

.Product .con .section ul li a .img img {
  width: 100%;
}

.Product .con .section ul li a .text {
  font-size: 18px;
  color: #44403F;
  text-align: center;
  margin-top: 10%;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Product .con .section ul li a .text i {
  margin-left: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Product .con .section ul li a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.Product .con .section ul li a:hover .text {
  color: #076CDB;
}

.Product .con .section ul li a:hover .text i {
  color: #076CDB;
}

/*ProductXq*/
.ProductXq .content .NavScroll {
  width: 100%;
  height: auto;
  background: #fff;
  position: relative;
}

.ProductXq .content .NavScroll a {
  line-height: 70px;
  padding: 0 35px;
  font-size: 18px;
  color: #4B4C4D;
  display: block;
  float: left;
  position: relative;
  z-index: 1;
}

.ProductXq .content .NavScroll a.active, .ProductXq .content .NavScroll a:hover {
  background: #076CDB;
  color: #fff;
}

.ProductXq .content .NavScroll a.btn {
  Line-height: 70px;
  padding: 0 35px;
  background: #F99D23;
  font-size: 18px;
  color: #fff;
  text-align: center;
  display: block;
  float: right;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.ProductXq .content .NavScroll a.btn i {
  font-size: 26px;
  margin-right: 10px;
  vertical-align: -3px;
}

.ProductXq .content .NavScroll a.btn.active, .ProductXq .content .NavScroll a.btn:hover {
  background: #F99D23;
}

.ProductXq .content .NavScroll:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.ProductXq .content .NavScroll.fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
}

.ProductXq .content .info {
  height: auto;
  overflow: hidden;
  padding: 50px 0;
}

.ProductXq .content .info h1 {
  font-size: 36px;
  color: #4B4C4D;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 15px;
}

.ProductXq .content .info h1 span {
  font-size: 18px;
  font-weight: normal;
}

.ProductXq .content .info ul {
  height: auto;
  overflow: hidden;
}

.ProductXq .content .info ul li {
  height: auto;
  overflow: hidden;
  float: left;
  position: relative;
  padding-right: 50px;
  margin-right: 50px;
}

.ProductXq .content .info ul li h2 {
  font-size: 24px;
  color: #4B4C4D;
  margin-bottom: 5px;
}

.ProductXq .content .info ul li p {
  font-size: 14px;
  color: #4B4C4D;
}

.ProductXq .content .info ul li:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #bbb;
  position: absolute;
  right: 0;
  top: 0;
}

.ProductXq .content .info ul li:last-child {
  padding: 0;
  margin: 0;
}

.ProductXq .content .info ul li:last-child:after {
  display: none;
}

.ProductXq .content .block {
  height: auto;
  overflow: hidden;
}

.ProductXq .content .block .title {
  font-size: 32px;
  color: #44403F;
  text-align: center;
  font-weight: 300;
  margin-bottom: 35px;
}

.ProductXq .content .block .title span {
  width: 60px;
  height: 1px;
  background: #ddd;
  display: inline-block;
  margin: 0 30px;
  position: relative;
  top: -10px;
}

.ProductXq .content .block .st {
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-bottom: 40px;
}

.ProductXq .content .block.imgs {
  margin-bottom: 70px;
}

.ProductXq .content .block.imgs .bigSlide {
  margin: 30px auto 0;
  position: relative;
}

.ProductXq .content .block.imgs .bigSlide .slide {
  width: 74%;
  max-width: 980px;
  overflow: hidden;
  overflow: hidden;
  margin: 0 auto;
}

.ProductXq .content .block.imgs .bigSlide .slide img {
  margin: 0 auto;
  width: 100%;
}

.ProductXq .content .block.imgs .bigSlide .swiper-next, .ProductXq .content .block.imgs .bigSlide .swiper-prev {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  cursor: pointer;
}

.ProductXq .content .block.imgs .bigSlide .swiper-next i, .ProductXq .content .block.imgs .bigSlide .swiper-prev i {
  font-size: 60px;
  color: #e9e9e9;
}

.ProductXq .content .block.imgs .bigSlide .swiper-next {
  left: auto;
  right: 0;
}

.ProductXq .content .block.imgs .smallSlide {
  width: 74%;
  margin: 30px auto 0;
  overflow: hidden;
}

.ProductXq .content .block.imgs .smallSlide img {
  width: 100%;
}

.ProductXq .content .block.imgs .smallSlide .swiper-slide {
  border: 1px solid #eee;
  cursor: pointer;
}

.ProductXq .content .block.imgs .smallSlide .swiper-slide.swiper-slide-thumb-active {
  border-color: #076CDB;
}

.ProductXq .content .block.youshi .section {
  height: auto;
  overflow: hidden;
  margin-bottom: 70px;
}

.ProductXq .content .block.youshi .imgText {
  height: auto;
  overflow: hidden;
  background: #F3F3F3;
  margin-bottom: 40px;
}

.ProductXq .content .block.youshi .imgText .img, .ProductXq .content .block.youshi .imgText .text {
  width: 50%;
}

.ProductXq .content .block.youshi .imgText .img img {
  width: 100%;
}

.ProductXq .content .block.youshi .imgText .text {
  padding: 5% 3%;
}

.ProductXq .content .block.youshi .imgText .text h2 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin-bottom: 3%;
}

.ProductXq .content .block.youshi .imgText .text p {
  font-size: 15px;
  color: #656565;
  line-height: 26px;
}

.ProductXq .content .block.youshi .imgText:last-child {
  margin-bottom: 0;
}

.ProductXq .content .block.youshi .listImgText {
  height: auto;
  overflow: hidden;
  margin: 0 -15px;
}

.ProductXq .content .block.youshi .listImgText li {
  width: 25%;
  float: left;
}

.ProductXq .content .block.youshi .listImgText li .box {
  padding: 0 15px;
}

.ProductXq .content .block.youshi .listImgText li .box img {
  width: 100%;
}

.ProductXq .content .block.youshi .listImgText li .box h2 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin: 20px 0 10px;
}

.ProductXq .content .block.youshi .listImgText li .box p {
  font-size: 15px;
  color: #656565;
  line-height: 26px;
}

.ProductXq .content .block.canshu {
  margin: 0 0 80px;
}

.ProductXq .content .block.canshu .table {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

.ProductXq .content .block.canshu .table tr {
  height: auto;
  overflow: hidden;
}

.ProductXq .content .block.canshu .table tr th {
  height: 70px;
  font-size: 20px;
  color: #fff;
  background: #666;
  font-weight: bold;
}

.ProductXq .content .block.canshu .table tr td {
  height: 60px;
  padding: 0 50px;
  border: 1px solid #ccc;
}

.ProductXq .content .block.canshu .table tr td:first-child {
  background: #f8f8f8;
}

/*Solution*/
.Solution .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.Solution .con .imgText {
  height: auto;
  overflow: hidden;
}

.Solution .con .imgText .img, .Solution .con .imgText .text {
  width: 50%;
  overflow: hidden;
}

.Solution .con .imgText .img img, .Solution .con .imgText .text img {
  width: 100%;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Solution .con .imgText .img h2, .Solution .con .imgText .text h2 {
  font-size: 28px;
  color: #44403F;
  font-weight: bold;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Solution .con .imgText .img .line, .Solution .con .imgText .text .line {
  width: 47px;
  height: 3px;
  background: #076CDB;
  margin: 4% 0 6%;
}

.Solution .con .imgText .img p, .Solution .con .imgText .text p {
  font-size: 15px;
  color: #666;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.Solution .con .imgText .img .more, .Solution .con .imgText .text .more {
  width: 50px;
  line-height: 50px;
  background: #076CDB;
  text-align: center;
  margin-top: 6%;
}

.Solution .con .imgText .img .more i, .Solution .con .imgText .text .more i {
  font-size: 16px;
  color: #fff;
  display: block;
}

.Solution .con .imgText .text {
  padding: 5% 5% 0;
}

.Solution .con .imgText:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.Solution .con .imgText:hover h2, .Solution .con .imgText:hover i {
  color: #076CDB;
}

/*SolutionXq*/
.SolutionXq .banner {
  height: auto;
  overflow: hidden;
  position: relative;
}

.SolutionXq .banner img {
  width: 100%;
}

.SolutionXq .banner .text {
  width: 524px;
  padding: 4% 3% 5%;
  background: rgba(69, 176, 53, 0.66);
  position: absolute;
  right: 9%;
  top: 30%;
}

.SolutionXq .banner .text h2 {
  font-size: 22px;
  color: #fff;
  opacity: .8;
  font-weight: 300;
}

.SolutionXq .banner .text .line {
  width: 47px;
  height: 4px;
  background: #fff;
  margin: 2% 0 4%;
}

.SolutionXq .banner .text h1 {
  font-size: 32px;
  color: #fff;
}

/*News*/
.News .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.News .con ul {
  height: auto;
  overflow: hidden;
}

.News .con ul li {
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 3.5%;
}

.News .con ul li .img {
  width: 28%;
  float: left;
  overflow: hidden;
  margin-right: 3%;
}

.News .con ul li .right {
  height: auto;
  overflow: hidden;
  padding: 3% 0;
}

.News .con ul li .right .date {
  height: auto;
  overflow: hidden;
  float: left;
  margin-right: 3%;
}

.News .con ul li .right .date h3 {
  font-size: 55px;
  color: #333;
}

.News .con ul li .right .date h4 {
  font-size: 16px;
  color: #333;
}

.News .con ul li .right .text {
  height: auto;
  overflow: hidden;
}

.News .con ul li .right .text h2 {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  margin-bottom: 2%;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.News .con ul li .right .text p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  min-height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.News .con ul li .right .text .more {
  font-size: 16px;
  color: #666;
  margin-top: 5%;
}

.News .con ul li .right .text .more i {
  margin-left: 5px;
}

.News .con ul li:after {
  content: "";
  width: 69%;
  height: 1px;
  background: #E9E8E8;
  position: absolute;
  right: 0;
  bottom: 0;
}

.News .con ul li:hover .img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.News .con ul li:hover .text h2, .News .con ul li:hover .text .more {
  color: #076CDB;
}

/*NewsXq*/
.NewsXq .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
  width: 1200px;
  margin: 0 auto;
}

.NewsXq .con .container {
  margin: 0;
}

.NewsXq .con .title {
  height: auto;
  overflow: hidden;
  margin-bottom: 3%;
}

.NewsXq .con .title h2 {
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
}

.NewsXq .con .title .other {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.NewsXq .con .title .other span {
  font-size: 14px;
  color: #999;
  margin: 0 10px;
}

.NewsXq .con .box {
  height: auto;
  overflow: hidden;
}

.NewsXq .con .box p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-bottom: 15px;
}

.NewsXq .con .box p img {
  margin: 5px auto 20px;
  display: block;
}

.NewsXq .con .box #video, .NewsXq .con .box #video video {
  width: 100%;
}

/*Service*/
.Service .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.Service .con .serbox {
  width: 100%;
  height: 450px;
  padding: 6% 5%;
  background: url("../images/service-bg.jpg") center no-repeat;
  background-size: cover;
}

.Service .con .serbox h2 {
  font-size: 26px;
  color: #fff;
  margin-bottom: 2%;
}

.Service .con .serbox p {
  font-size: 16px;
  line-height: 35px;
  color: #fff;
}

.Service .con .serbox p b {
  font-weight: bold;
  font-size: 18px;
}

.Service .con ul {
  height: auto;
  overflow: hidden;
  margin: 0 -30px;
}

.Service .con ul li {
  width: 50%;
  float: left;
  padding: 0 30px;
  margin-top: 4%;
}

.Service .con ul li img {
  width: 100%;
}

.Service .con ul li .text {
  height: auto;
  overflow: hidden;
  margin-top: 3.5%;
}

.Service .con ul li .text h2 {
  font-size: 26px;
  color: #333;
  font-weight: bold;
  margin-bottom: 2.5%;
}

.Service .con ul li .text p {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}

/*ServiceQa*/
.ServiceQa .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.ServiceQa .con ul {
  height: auto;
  overflow: hidden;
}

.ServiceQa .con ul li {
  height: auto;
  overflow: hidden;
  position: relative;
  padding: 40px 100px;
  border-bottom: 1px solid #E9E8E8;
}

.ServiceQa .con ul li .num {
  line-height: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: #076CDB;
  border-radius: 0px 15px 0px 15px;
  padding: 0 10px;
  position: absolute;
  left: 40px;
  top: 40px;
}

.ServiceQa .con ul li .text {
  height: auto;
  overflow: hidden;
}

.ServiceQa .con ul li .text h2 {
  font-size: 22px;
  color: #333;
  line-height: 24px;
  font-weight: bold;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.ServiceQa .con ul li .text p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  margin-top: 1%;
}

.ServiceQa .con ul li .text i {
  font-size: 22px;
  color: #44403F;
  margin-top: 1%;
  display: block;
}

.ServiceQa .con ul li:hover {
  background: #FBFBFB;
}

.ServiceQa .con ul li:hover .text h2 {
  color: #076CDB;
}

.ServiceQa .con ul li:last-child {
  margin-bottom: 4%;
}

/*ServiceDown*/
.ServiceDown .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.ServiceDown .con table {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-collapse: collapse;
  margin-bottom: 4%;
}

.ServiceDown .con table tr th {
  background: #666;
  font-size: 18px;
  color: #fff;
  line-height: 70px;
  font-weight: bold;
}

.ServiceDown .con table tr td {
  font-size: 15px;
  color: #656565;
  line-height: 70px;
  text-align: center;
}

.ServiceDown .con table tr td i:hover {
  color: #076CDB;
}

.ServiceDown .con table tr:nth-child(even) {
  background: #F5F5F5;
}

/*ServiceDown*/
.ServiceSite .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.ServiceSite .con .map {
  -webkit-transition: none !important;
  transition: none !important;
  position: relative;
}

.ServiceSite .con .map * {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.ServiceSite .con .map a img, .ServiceSite .con .map img {
  -ms-interpolation-mode: bicubic;
  -webkit-transition: none;
  transition: none;
  display: block;
  max-width: none;
}

.ServiceSite .con .map .searchBox {
  width: 400px;
  height: 500px;
  position: absolute;
  right: 5%;
  top: 30px;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.11);
}

.ServiceSite .con .map .searchBox.active {
  height: 105px;
}

.ServiceSite .con .map .searchBox.active .siteList {
  display: none;
}

.ServiceSite .con .map .searchBox .top {
  height: auto;
  overflow: hidden;
  font-size: 15px;
}

.ServiceSite .con .map .searchBox .top .icon-location {
  font-size: 18px;
  color: #004abb;
  vertical-align: -2px;
  margin-right: 5px;
}

.ServiceSite .con .map .searchBox .top .btnCity {
  color: #004abb;
  text-decoration: underline;
  margin: 0 10px;
}

.ServiceSite .con .map .searchBox .top .myLocation {
  color: #000;
  margin-left: 20px;
}

.ServiceSite .con .map .searchBox .top .myLocation .icon-miaozhun {
  font-size: 18px;
  vertical-align: -2px;
  margin-left: 3px;
}

.ServiceSite .con .map .searchBox .cityBox {
  width: 400px;
  height: 320px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 55px;
  right: 0;
  z-index: 1;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ccc;
  display: none;
}

.ServiceSite .con .map .searchBox .cityBox ul {
  height: 300px;
  overflow: auto;
  float: left;
  text-align: center;
  padding: 10px 0;
  background: #fff;
}

.ServiceSite .con .map .searchBox .cityBox ul li {
  font-size: 15px;
  line-height: 36px;
  cursor: pointer;
}

.ServiceSite .con .map .searchBox .cityBox ul li:hover, .ServiceSite .con .map .searchBox .cityBox ul li.active {
  background: #f5f5f5;
}

.ServiceSite .con .map .searchBox .cityBox ul.province {
  width: 40%;
}

.ServiceSite .con .map .searchBox .cityBox ul.city {
  width: 60%;
}

.ServiceSite .con .map .searchBox form {
  height: auto;
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 0 10px;
  margin-top: 20px;
}

.ServiceSite .con .map .searchBox form input {
  width: 353px;
  height: 40px;
  line-height: 40px;
  border: 0;
  font-size: 14px;
}

.ServiceSite .con .map .searchBox form .icon-search {
  font-size: 20px;
  cursor: pointer;
  vertical-align: -4px;
}

.ServiceSite .con .map .searchBox .siteList {
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  position: relative;
}

.ServiceSite .con .map .searchBox .siteList .t {
  height: auto;
  overflow: hidden;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  line-height: 25px;
}

.ServiceSite .con .map .searchBox .siteList .t span {
  color: #ff7e00;
  font-weight: bold;
}

.ServiceSite .con .map .searchBox .siteList .t .btnFilter {
  float: right;
  border: 1px solid #004abb;
  color: #004abb;
  line-height: 25px;
  padding: 0 10px;
}

.ServiceSite .con .map .searchBox .siteList .filterBox {
  width: 100%;
  height: 330px;
  position: absolute;
  background: #fff;
  left: 0;
  top: 50px;
  display: none;
}

.ServiceSite .con .map .searchBox .siteList .filterBox span {
  width: 46%;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  background: #eee;
  display: block;
  text-align: center;
  float: left;
  margin: 15px 2% 0;
  cursor: pointer;
}

.ServiceSite .con .map .searchBox .siteList .filterBox span.active {
  background: #004abb;
  color: #fff;
}

.ServiceSite .con .map .searchBox .siteList .filterBox span.btn {
  width: 140px;
  background: #004abb;
  color: #fff;
  float: inherit;
  margin: 30px auto;
}

.ServiceSite .con .map .searchBox .siteList ul {
  height: auto;
  max-height: 330px;
  overflow: auto;
  margin-top: 10px;
}

.ServiceSite .con .map .searchBox .siteList ul li {
  height: auto;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
  padding: 20px 0;
}

.ServiceSite .con .map .searchBox .siteList ul li h2 {
  font-size: 15px;
  color: #000;
  margin-bottom: 10px;
  cursor: pointer;
}

.ServiceSite .con .map .searchBox .siteList ul li h2 span {
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  background: #004abb;
  display: inline-block;
  text-align: center;
}

.ServiceSite .con .map .searchBox .siteList ul li p {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}

.ServiceSite .con .map .searchBox .siteList ul li p span {
  border: 1px solid #eee;
  padding: 2px 8px;
  margin-right: 10px;
  display: inline-block;
  margin-top: 10px;
}

.ServiceSite .con .map .searchBox .siteList ul li .lx {
  width: 145px;
  line-height: 35px;
  background: #eaeaea;
  font-size: 14px;
  color: #333;
  text-align: center;
  display: block;
  margin-top: 15px;
}

.ServiceSite .con .map .searchBox .btnUp {
  width: 100%;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 5px 0;
}

.ServiceSite .con .map .searchBox .btnUp .icon-dropdown:before {
  content: "\e63a" !important;
}

/*Join*/
.Join .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.Join .con .imgText {
  height: auto;
  overflow: hidden;
}

.Join .con .imgText .img, .Join .con .imgText .text {
  width: 50%;
  overflow: hidden;
}

.Join .con .imgText .img img, .Join .con .imgText .text img {
  width: 100%;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Join .con .imgText .img h2, .Join .con .imgText .text h2 {
  font-size: 28px;
  color: #44403F;
  font-weight: bold;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Join .con .imgText .img .line, .Join .con .imgText .text .line {
  width: 47px;
  height: 3px;
  background: #076CDB;
  margin: 4% 0 6%;
}

.Join .con .imgText .img p, .Join .con .imgText .text p {
  font-size: 15px;
  color: #666;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.Join .con .imgText .img .more, .Join .con .imgText .text .more {
  width: 50px;
  line-height: 50px;
  background: #076CDB;
  text-align: center;
  margin-top: 6%;
}

.Join .con .imgText .img .more i, .Join .con .imgText .text .more i {
  font-size: 16px;
  color: #fff;
  display: block;
}

.Join .con .imgText .text {
  padding: 5% 5% 0;
}

.Join .con .imgText:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.Join .con .imgText:hover h2, .Join .con .imgText:hover i {
  color: #076CDB;
}

.Join .con .tableBox {
  height: auto;
  overflow: hidden;
}

.Join .con .tableBox .table-title {
  width: 100%;
  overflow: hidden;
  line-height: 52px;
  background: #F1F4F7;
}

.Join .con .tableBox .table-title .item {
  width: 25%;
  float: left;
  text-align: center;
  font-size: 15px;
  color: #666;
  position: relative;
}

.Join .con .tableBox .table {
  height: auto;
  overflow: hidden;
}

.Join .con .tableBox .table li {
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

.Join .con .tableBox .table li .item {
  width: 25%;
  line-height: 72px;
  float: left;
  text-align: center;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  cursor: pointer;
}

.Join .con .tableBox .table li .item .iconfont {
  position: absolute;
  right: 15px;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Join .con .tableBox .table li .con {
  height: auto;
  overflow: hidden;
  background: #FAFBFC;
  padding: 30px 50px;
  display: none;
}

.Join .con .tableBox .table li .con .bb {
  height: auto;
  overflow: hidden;
  margin-bottom: 25px;
}

.Join .con .tableBox .table li .con .bb .tt {
  font-size: 16px;
  color: #656565;
  margin-bottom: 10px;
  font-weight: bold;
}

.Join .con .tableBox .table li .con .bb p {
  font-size: 14px;
  color: #656565;
  line-height: 26px;
  position: relative;
}

.Join .con .tableBox .table li .con .bb p a {
  color: #0050C9;
}

.Join .con .tableBox .table li .con .bb:last-child {
  margin: 0;
}

.Join .con .tableBox .table li.active .iconfont {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*About*/
.About .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.About .con img {
  width: 100%;
}

.About .con .img {
  width: 48%;
}

.About .con .text {
  width: 48%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.About .con .text h2 {
  font-size: 26px;
  color: #333;
  font-weight: bold;
}

.About .con .text .line {
  width: 43px;
  height: 3px;
  background: #076CDB;
  margin: 4% 0 3%;
}

.About .con .text p {
  font-size: 15px;
  color: #999;
  line-height: 28px;
  margin-bottom: 2%;
}

/*Strength*/
.Strength .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.Strength .con .block {
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 4%;
}

.Strength .con .block .title {
  font-size: 26px;
  color: #333;
  font-weight: bold;
}

.Strength .con .block .line {
  width: 43px;
  height: 3px;
  background: #076CDB;
  margin: 2% 0 1%;
}

.Strength .con .block .st {
  font-size: 15px;
  color: #999;
  line-height: 28px;
  margin-bottom: 2%;
}

.Strength .con .block p {
  font-size: 15px;
  color: #999;
  line-height: 28px;
}

.Strength .con .block.block1 .img {
  width: 50%;
  position: absolute;
  left: 0;
  top: 6%;
  z-index: 1;
  overflow: hidden;
}

.Strength .con .block.block1 .img img {
  width: 100%;
  height: 100%;
}

.Strength .con .block.block1 .img h2 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  color: #fff;
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
}

.Strength .con .block.block1 .img .swiper-pagination {
  height: auto;
  overflow: hidden;
  position: absolute;
  bottom: 20px;
  text-align: right;
  padding-right: 10px;
}

.Strength .con .block.block1 .img .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 6px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  border-radius: 0;
  opacity: 1;
}

.Strength .con .block.block1 .img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 43px;
  background: #076CDB;
}

.Strength .con .block.block1 .text {
  width: 55%;
  height: auto;
  overflow: hidden;
  padding: 5% 5% 9% 10%;
  background: #076CDB;
  position: relative;
  z-index: 0;
}

.Strength .con .block.block1 .text h2 {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}

.Strength .con .block.block1 .text .line {
  width: 43px;
  height: 3px;
  background: #fff;
  margin: 5% 0 3%;
}

.Strength .con .block.block1 .text p {
  font-size: 15px;
  color: #fff;
  line-height: 28px;
  margin-bottom: 10px;
}

.Strength .con .block.block2 {
  background: #F6F6F6;
  padding: 4% 0;
}

.Strength .con .block.block2 .title, .Strength .con .block.block2 .st {
  text-align: center;
}

.Strength .con .block.block2 .line {
  margin: 2% auto 1%;
}

.Strength .con .block.block2 .img {
  height: auto;
  overflow: hidden;
}

.Strength .con .block.block2 .img .left, .Strength .con .block.block2 .img .right {
  width: 49.5%;
  height: auto;
  overflow: hidden;
}

.Strength .con .block.block2 .img .left .item, .Strength .con .block.block2 .img .right .item {
  width: 49%;
  height: 49%;
  float: left;
  overflow: hidden;
  display: block;
}

.Strength .con .block.block2 .img .left .item img, .Strength .con .block.block2 .img .right .item img {
  width: 100%;
  height: 100%;
}

.Strength .con .block.block3 .line {
  margin: 4% 0 2%;
}

.Strength .con .block.block3 p {
  margin-bottom: 5%;
}

.Strength .con .block.block3 .left, .Strength .con .block.block3 .right {
  width: 48%;
}

.Strength .con .block.block3 .left {
  padding-top: 2%;
}

/*Contact*/
.Contact .con {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding: 4% 0 5%;
}

.Contact .con .section {
  height: auto;
  overflow: hidden;
}

.Contact .con .section.section1 {
  margin-bottom: 3%;
}

.Contact .con .section.section1 ul {
  height: auto;
  overflow: hidden;
  margin: 4% 0;
}

.Contact .con .section.section1 ul li {
  width: 33.33%;
  float: left;
  text-align: center;
}

.Contact .con .section.section1 ul li .icon {
  width: 25%;
  margin: 0 auto;
}

.Contact .con .section.section1 ul li .icon img {
  width: 100%;
}

.Contact .con .section.section1 ul li h2 {
  font-size: 20px;
  color: #333;
  margin: 20px 0 10px;
}

.Contact .con .section.section1 ul li p {
  font-size: 18px;
  color: #656565;
  line-height: 22px;
}

.Contact .con .section.section2 {
  background: url("../images/contact-bg.jpg") center no-repeat;
  background-size: cover;
  padding: 5% 0;
}

.Contact .con .section.section2 .neiTitle h1 {
  color: #fff;
}

.Contact .con #allmap {
  width: 100%;
  height: 600px;
}

.Contact .con #allmap * {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.Contact .con #allmap a img, .Contact .con #allmap img {
  -ms-interpolation-mode: bicubic;
  -webkit-transition: none;
  transition: none;
  display: block;
  max-width: none;
}

/*NeiCPage*/
.NeiCPage .main {
  height: auto;
  overflow: hidden;
  padding: 60px 0;
}

.NeiCPage .main h2 {
  font-size: 18px;
  line-height: 28px;
  margin-top: 40px;
  margin-bottom: 6px;
}

.NeiCPage .main p {
  font-size: 14px;
  line-height: 30px;
  color: #666;
}

.NeiCPage .main ul {
  height: auto;
  overflow: hidden;
}

.NeiCPage .main ul li {
  width: 20%;
  float: left;
}

.NeiCPage .main dl {
  padding-bottom: 16px;
}

.NeiCPage .main dl dt {
  height: auto;
  overflow: hidden;
  padding-top: 40px;
  border-bottom: 1px solid #ececec;
}

.NeiCPage .main dl dt a {
  font-size: 20px;
  padding-bottom: 20px;
  display: block;
}

.NeiCPage .main dl dd {
  height: auto;
  overflow: hidden;
  padding-top: 20px;
}

.NeiCPage .main dl dd a {
  width: 16.666%;
  font-size: 16px;
  line-height: 46px;
  display: block;
  float: left;
}

.NeiCPage .main dl dd a:hover {
  color: #076CDB;
}

.shareWx-box {
  height: auto;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.shareWx-box .url_img {
  display: block;
  margin: 15px auto 10px;
}

.shareWx-box p {
  font-size: 13px;
}

/*Search*/
.Search .form {
  height: auto;
  overflow: hidden;
  background: #f5f5f5;
  padding: 70px 0;
  text-align: center;
}

.Search .form .title {
  font-size: 30px;
  color: #4B4C4D;
  position: relative;
  z-index: 0;
}

.Search .form .title span {
  background: #f5f5f5;
  position: relative;
  z-index: 1;
  padding: 0 20px;
}

.Search .form .title:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 0;
}

.Search .form .box {
  width: 40%;
  height: auto;
  overflow: hidden;
  margin: 40px auto;
}

.Search .form input {
  width: 80%;
  height: 50px;
  line-height: 50px;
  padding: 15px;
  float: left;
  font-size: 18px;
  background: #fff;
}

.Search .form .btn {
  width: 20%;
  height: 50px;
  line-height: 50px;
  background: #076CDB;
  text-align: center;
  display: block;
  float: left;
}

.Search .form .btn i {
  color: #fff;
  font-size: 22px;
}

.Search .nodata {
  height: auto;
  overflow: hidden;
  padding: 40px 0;
}

.Search .nodata h2 {
  font-size: 22px;
}

.Search .nodata h2 span {
  color: #076CDB;
}

.Search .nodata .box {
  text-align: center;
  padding: 100px 0;
}

.Search .nodata .box .icon {
  width: 88px;
  margin: 0 auto 20px;
}

.Search .nodata .box p {
  font-size: 16px;
  color: #666;
}

.Search .block {
  height: auto;
  overflow: hidden;
  min-height: 500px;
  padding-bottom: 100px;
}

.Search .block .tit {
  font-size: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  clear: both;
  margin-bottom: 40px;
}

.Search .block .plist {
  height: auto;
  overflow: hidden;
  margin: 0 -25px;
}

.Search .block .plist li {
  width: 33.3333%;
  float: left;
  padding: 0 25px;
  margin-bottom: 50px;
}

.Search .block .plist li a {
  display: block;
  background: #F6F6F6;
  padding: 10% 0;
}

.Search .block .plist li a .img {
  overflow: hidden;
}

.Search .block .plist li a .img img {
  width: 100%;
}

.Search .block .plist li a .text {
  font-size: 18px;
  color: #44403F;
  text-align: center;
  margin-top: 10%;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Search .block .plist li a .text i {
  margin-left: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Search .block .plist li a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.Search .block .plist li a:hover .text {
  color: #076CDB;
}

.Search .block .plist li a:hover .text i {
  color: #076CDB;
}

.Search .block .nlist {
  height: auto;
  overflow: hidden;
}

.Search .block .nlist li {
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 3.5%;
}

.Search .block .nlist li .img {
  width: 28%;
  float: left;
  overflow: hidden;
  margin-right: 3%;
}

.Search .block .nlist li .right {
  height: auto;
  overflow: hidden;
  padding: 3% 0;
}

.Search .block .nlist li .right .date {
  height: auto;
  overflow: hidden;
  float: left;
  margin-right: 3%;
}

.Search .block .nlist li .right .date h3 {
  font-size: 55px;
  color: #333;
}

.Search .block .nlist li .right .date h4 {
  font-size: 16px;
  color: #333;
}

.Search .block .nlist li .right .text {
  height: auto;
  overflow: hidden;
}

.Search .block .nlist li .right .text h2 {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  margin-bottom: 2%;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Search .block .nlist li .right .text p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  min-height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.Search .block .nlist li .right .text .more {
  font-size: 16px;
  color: #666;
  margin-top: 5%;
}

.Search .block .nlist li .right .text .more i {
  margin-left: 5px;
}

.Search .block .nlist li:after {
  content: "";
  width: 69%;
  height: 1px;
  background: #E9E8E8;
  position: absolute;
  right: 0;
  bottom: 0;
}

.Search .block .nlist li:hover .img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.Search .block .nlist li:hover .text h2, .Search .block .nlist li:hover .text .more {
  color: #076CDB;
}

/*Vin*/
.Vin .main {
  height: auto;
  overflow: hidden;
  padding: 60px 0;
}

.Vin .main .title {
  font-size: 30px;
  color: #4B4C4D;
  position: relative;
  z-index: 0;
  text-align: center;
}

.Vin .main .title span {
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 0 20px;
}

.Vin .main .title:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 0;
}

.Vin .main .con {
  width: 1150px;
  margin: 60px auto;
  overflow: hidden;
}

.Vin .main .con .input-box {
  width: 48%;
  height: 50px;
  border: 1px solid #DCDCDC;
  overflow: hidden;
  padding: 0 20px;
  font-weight: 300;
}

.Vin .main .con .input-box input {
  width: 97%;
  height: 100%;
  float: left;
  font-size: 18px;
}

.Vin .main .con .input-box .iconfont {
  font-size: 30px;
  float: left;
  line-height: 60px;
}

.Vin .main .con .imgCode-box {
  width: 48%;
  height: 50px;
  border: 1px solid #DCDCDC;
  overflow: hidden;
  padding-left: 20px;
  font-weight: 300;
}

.Vin .main .con .imgCode-box input {
  width: 60%;
  height: 100%;
  float: left;
  font-size: 18px;
  float: left;
}

.Vin .main .con .imgCode-box .imgCode {
  width: 40%;
  height: 100%;
  float: right;
}

.Vin .main .con .imgCode-box .imgCode img {
  width: 100%;
  height: 100%;
}

.Vin .main .con .list {
  height: auto;
  overflow: hidden;
  margin-top: 30px;
}

.Vin .main .con .list li {
  font-size: 18px;
  color: #161616;
  border-bottom: 1px solid #eee;
  line-height: 45px;
  position: relative;
  text-align: left;
  padding-left: 30px;
}

.Vin .main .con .list li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Vin .main .con .list li a:hover {
  color: #076CDB;
}

.Vin .main .con .list li span {
  color: #076CDB;
  float: right;
}

.Vin .main .con .list li .iconfont {
  font-size: 14px;
  color: #999;
  margin-right: 10px;
}

.Vin .main .con .list li .icon-pdf {
  width: 20px;
  height: 20px;
  background: url(../images/icon-pdf.png) center no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
}

.Vin .main .con .btns {
  text-align: center;
}

.Vin .main .con .search-btn, .Vin .main .con .reset-btn {
  width: 225px;
  color: #fff;
  font-size: 18px;
  background: #076CDB;
  display: inline-block;
  padding: 15px 0;
  text-align: center;
  margin: 40px 0 30px;
  line-height: 24px;
}

.Vin .main .con .reset-btn {
  background: #F5F5F5;
  color: #000 !important;
  margin-left: 20px;
}

.Vin .main .con .not {
  font-size: 18px;
  text-align: left;
}

.Vin .main .con .not span {
  color: #076CDB;
  line-height: 34px;
}

.Vin .main .con .not p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 26px;
}

/*!
 *  1440以下 小屏
 */
/*# sourceMappingURL=style.css.map */